﻿<UserControl x:Class="ArchX.Views.RibbonView"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
			 xmlns:Fluent="urn:fluent-ribbon"
			 xmlns:Converters="clr-namespace:ArchX.Components.Converters"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
	<Grid>

		<Fluent:Ribbon AutomaticStateManagement="True">

			<!-- CONTEXTUAL GROUPS -->
			<Fluent:Ribbon.ContextualGroups>
				<Fluent:RibbonContextualTabGroup x:Name="tabGroupDocument"
                                                 BorderBrush="#FF9D00"
                                                 Background="#FF9D00"
                                                 Foreground="#C45300"
                                                 Header="DOCUMENT"
                                                 Visibility="{Binding HasDocument, Converter={x:Static Converters:BoolToVisibilityConverter.Instance}, ConverterParameter={x:Static Visibility.Collapsed}}" />
			</Fluent:Ribbon.ContextualGroups>

			<!-- MENU -->
			<Fluent:Ribbon.Menu>
				<Grid>
					<!--Backstage items can be keytipped-->
					<Fluent:Backstage>
						<Fluent:BackstageTabControl>

							<Fluent:SeparatorTabItem />
							<Fluent:Button Header="New"
                                           KeyTip="N"
                                           Command="{Binding NewDocumentCommand}" />

							<Fluent:Button Header="Exit"
                                           KeyTip="X"
                                           Command="{Binding SysExitCommand}" />

						</Fluent:BackstageTabControl>
					</Fluent:Backstage>
				</Grid>
			</Fluent:Ribbon.Menu>

			<!-- ?? -->
			<Fluent:Ribbon.ToolBarItems>
			</Fluent:Ribbon.ToolBarItems>

			<!-- QUICK ACCES -->
			<Fluent:Ribbon.QuickAccessItems>
			</Fluent:Ribbon.QuickAccessItems>

			<!-- TABS : HOME -->
			<Fluent:RibbonTabItem   x:Name="homeTabItem"
                                    Header="Home"
                                    KeyTip="H"
                                    ToolTip="Regular Tool Tip">
				<Fluent:RibbonGroupBox 
                                       KeyTip="T10"
                                       x:Name="C"
                                       Header="Files"
                                       CanAddToQuickAccessToolBar="False"
                                       IsLauncherVisible="False">
					<Fluent:Button Header="New" SizeDefinition="Large" Command="{Binding NewDocumentCommand}" >
						<Fluent:Button.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:Button.Icon>
						<Fluent:Button.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="32" Height="24">
									<Path Data="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:Button.LargeIcon>
					</Fluent:Button>
					
					<Separator />

					<Fluent:Button Header="About" SizeDefinition="Large" Command="{Binding AboutCommand}" >
						<Fluent:Button.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="17.8328" Height="15.8125" Clip="F1 M 0,0L 17.8328,0L 17.8328,15.8125L 0,15.8125L 0,0">
									<Path Width="9.75" Height="15.8125" Canvas.Left="4.10729" Canvas.Top="0" Stretch="Fill" StrokeThickness="1.5" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 4.85729,15.0625L 8.91979,0.75L 13.1073,15.0625"/>
									<Path Width="16.1323" Height="8.17396" Canvas.Left="-8.9407e-008" Canvas.Top="7.23854" Stretch="Fill" StrokeThickness="0.7" StrokeLineJoin="Round" Stroke="#FF2092D0" Fill="#FF2092D0" Data="F1 M 15.7823,7.58854L 13.751,7.79166L 12.4073,7.97917L 11.2354,8.21354L 10.2979,8.41666L 9.31347,8.68706L 8.45417,8.96875L 7.78222,9.19226L 7.03222,9.5256L 6.21972,9.94226L 5.50501,10.3913L 4.85514,10.8381L 4.29353,11.3098L 3.81347,11.7131L 3.35406,12.181L 2.82917,12.7958L 2.38729,13.3031L 1.9593,13.9006L 1.27188,15.0625L 0.35,15.0625C 1.15208,13.7708 1.95417,12.4792 3.27361,11.3108C 4.59306,10.1424 6.42986,9.09722 8.60087,8.4974C 10.7719,7.89757 13.2771,7.74306 15.7823,7.58854 Z "/>
									<Path Width="16.1323" Height="8.17396" Canvas.Left="1.70051" Canvas.Top="7.23854" Stretch="Fill" StrokeThickness="0.7" StrokeLineJoin="Round" Stroke="#FF2092D0" Fill="#FF2092D0" Data="F1 M 2.05051,7.58854L 4.08176,7.79166L 5.42551,7.97917L 6.59738,8.21354L 7.53488,8.41666L 8.51933,8.68706L 9.37863,8.96875L 10.0506,9.19226L 10.8006,9.5256L 11.6131,9.94226L 12.3278,10.3913L 12.9777,10.8381L 13.5393,11.3098L 14.0193,11.7131L 14.4787,12.181L 15.0036,12.7958L 15.4455,13.3031L 15.8735,13.9006L 16.5609,15.0625L 17.4828,15.0625C 16.6807,13.7708 15.8786,12.4792 14.5592,11.3108C 13.2397,10.1424 11.4029,9.09722 9.23193,8.4974C 7.06093,7.89757 4.55572,7.74306 2.05051,7.58854 Z "/>
								</Canvas>
							</Viewbox>
						</Fluent:Button.Icon>
						<Fluent:Button.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Width="17.8328" Height="15.8125" Clip="F1 M 0,0L 17.8328,0L 17.8328,15.8125L 0,15.8125L 0,0">
									<Path Width="9.75" Height="15.8125" Canvas.Left="4.10729" Canvas.Top="0" Stretch="Fill" StrokeThickness="1.5" StrokeLineJoin="Round" Stroke="#FF000000" Data="F1 M 4.85729,15.0625L 8.91979,0.75L 13.1073,15.0625"/>
									<Path Width="16.1323" Height="8.17396" Canvas.Left="-8.9407e-008" Canvas.Top="7.23854" Stretch="Fill" StrokeThickness="0.7" StrokeLineJoin="Round" Stroke="#FF2092D0" Fill="#FF2092D0" Data="F1 M 15.7823,7.58854L 13.751,7.79166L 12.4073,7.97917L 11.2354,8.21354L 10.2979,8.41666L 9.31347,8.68706L 8.45417,8.96875L 7.78222,9.19226L 7.03222,9.5256L 6.21972,9.94226L 5.50501,10.3913L 4.85514,10.8381L 4.29353,11.3098L 3.81347,11.7131L 3.35406,12.181L 2.82917,12.7958L 2.38729,13.3031L 1.9593,13.9006L 1.27188,15.0625L 0.35,15.0625C 1.15208,13.7708 1.95417,12.4792 3.27361,11.3108C 4.59306,10.1424 6.42986,9.09722 8.60087,8.4974C 10.7719,7.89757 13.2771,7.74306 15.7823,7.58854 Z "/>
									<Path Width="16.1323" Height="8.17396" Canvas.Left="1.70051" Canvas.Top="7.23854" Stretch="Fill" StrokeThickness="0.7" StrokeLineJoin="Round" Stroke="#FF2092D0" Fill="#FF2092D0" Data="F1 M 2.05051,7.58854L 4.08176,7.79166L 5.42551,7.97917L 6.59738,8.21354L 7.53488,8.41666L 8.51933,8.68706L 9.37863,8.96875L 10.0506,9.19226L 10.8006,9.5256L 11.6131,9.94226L 12.3278,10.3913L 12.9777,10.8381L 13.5393,11.3098L 14.0193,11.7131L 14.4787,12.181L 15.0036,12.7958L 15.4455,13.3031L 15.8735,13.9006L 16.5609,15.0625L 17.4828,15.0625C 16.6807,13.7708 15.8786,12.4792 14.5592,11.3108C 13.2397,10.1424 11.4029,9.09722 9.23193,8.4974C 7.06093,7.89757 4.55572,7.74306 2.05051,7.58854 Z "/>
								</Canvas>
							</Viewbox>
						</Fluent:Button.LargeIcon>
					</Fluent:Button>

				</Fluent:RibbonGroupBox>
			</Fluent:RibbonTabItem>

			<!-- TABS : DRAWINGS -->
			<Fluent:RibbonTabItem   Header="Drawings" KeyTip="H" ToolTip="Drawing tools"
									Group="{Binding ElementName=tabGroupDocument, Mode=OneWay}"
									DataContext="{Binding ActiveDocument}">

				<Fluent:RibbonGroupBox  KeyTip="T10"
                                       Header="Tools"
                                       CanAddToQuickAccessToolBar="False"
                                       IsLauncherVisible="False">
					<Fluent:ToggleButton Header="Select" SizeDefinition="Large" GroupName="Tool"
										 Command="{Binding ToolCommand}" CommandParameter="Select" >
						<Fluent:ToggleButton.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M4,3H5V5H3V4A1,1 0 0,1 4,3M20,3A1,1 0 0,1 21,4V5H19V3H20M15,5V3H17V5H15M11,5V3H13V5H11M7,5V3H9V5H7M21,20A1,1 0 0,1 20,21H19V19H21V20M15,21V19H17V21H15M11,21V19H13V21H11M7,21V19H9V21H7M4,21A1,1 0 0,1 3,20V19H5V21H4M3,15H5V17H3V15M21,15V17H19V15H21M3,11H5V13H3V11M21,11V13H19V11H21M3,7H5V9H3V7M21,7V9H19V7H21Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.Icon>
						<Fluent:ToggleButton.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M4,3H5V5H3V4A1,1 0 0,1 4,3M20,3A1,1 0 0,1 21,4V5H19V3H20M15,5V3H17V5H15M11,5V3H13V5H11M7,5V3H9V5H7M21,20A1,1 0 0,1 20,21H19V19H21V20M15,21V19H17V21H15M11,21V19H13V21H11M7,21V19H9V21H7M4,21A1,1 0 0,1 3,20V19H5V21H4M3,15H5V17H3V15M21,15V17H19V15H21M3,11H5V13H3V11M21,11V13H19V11H21M3,7H5V9H3V7M21,7V9H19V7H21Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.LargeIcon>
					</Fluent:ToggleButton>

					<Fluent:ToggleButton Header="Rectangle" SizeDefinition="Large" GroupName="Tool"
										 Command="{Binding ToolCommand}" CommandParameter="Rectangle" >
						<Fluent:ToggleButton.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M2,2H8V4H16V2H22V8H20V16H22V22H16V20H8V22H2V16H4V8H2V2M16,8V6H8V8H6V16H8V18H16V16H18V8H16M4,4V6H6V4H4M18,4V6H20V4H18M4,18V20H6V18H4M18,18V20H20V18H18Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.Icon>
						<Fluent:ToggleButton.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M2,2H8V4H16V2H22V8H20V16H22V22H16V20H8V22H2V16H4V8H2V2M16,8V6H8V8H6V16H8V18H16V16H18V8H16M4,4V6H6V4H4M18,4V6H20V4H18M4,18V20H6V18H4M18,18V20H20V18H18Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.LargeIcon>
					</Fluent:ToggleButton>

					<Fluent:ToggleButton Header="Line" SizeDefinition="Large" GroupName="Tool"
										 Command="{Binding ToolCommand}" CommandParameter="Line" >
						<Fluent:ToggleButton.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M5.5,7A1.5,1.5 0 0,0 7,5.5A1.5,1.5 0 0,0 5.5,4A1.5,1.5 0 0,0 4,5.5A1.5,1.5 0 0,0 5.5,7M21.41,11.58C21.77,11.94 22,12.44 22,13C22,13.55 21.78,14.05 21.41,14.41L14.41,21.41C14.05,21.77 13.55,22 13,22C12.45,22 11.95,21.77 11.58,21.41L2.59,12.41C2.22,12.05 2,11.55 2,11V4C2,2.89 2.89,2 4,2H11C11.55,2 12.05,2.22 12.41,2.58L21.41,11.58M13,20L20,13L11.5,4.5L4.5,11.5L13,20Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.Icon>
						<Fluent:ToggleButton.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M5.5,7A1.5,1.5 0 0,0 7,5.5A1.5,1.5 0 0,0 5.5,4A1.5,1.5 0 0,0 4,5.5A1.5,1.5 0 0,0 5.5,7M21.41,11.58C21.77,11.94 22,12.44 22,13C22,13.55 21.78,14.05 21.41,14.41L14.41,21.41C14.05,21.77 13.55,22 13,22C12.45,22 11.95,21.77 11.58,21.41L2.59,12.41C2.22,12.05 2,11.55 2,11V4C2,2.89 2.89,2 4,2H11C11.55,2 12.05,2.22 12.41,2.58L21.41,11.58M13,20L20,13L11.5,4.5L4.5,11.5L13,20Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.LargeIcon>
					</Fluent:ToggleButton>

					<Fluent:ToggleButton Header="Polyline" SizeDefinition="Large" GroupName="Tool"
										 Command="{Binding ToolCommand}" CommandParameter="Polyline" >
						<Fluent:ToggleButton.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M19,4H15L7.1,16.63L4.5,12L9,4H5L0.5,12L5,20H9L16.89,7.37L19.5,12L15,20H19L23.5,12L19,4Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.Icon>
						<Fluent:ToggleButton.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M19,4H15L7.1,16.63L4.5,12L9,4H5L0.5,12L5,20H9L16.89,7.37L19.5,12L15,20H19L23.5,12L19,4Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.LargeIcon>
					</Fluent:ToggleButton>
					
					<Separator></Separator>

					<Fluent:ToggleButton Header="Circle" SizeDefinition="Large" GroupName="Tool"
										 Command="{Binding ToolCommand}" CommandParameter="Circle" >
						<Fluent:ToggleButton.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M19,4H15L7.1,16.63L4.5,12L9,4H5L0.5,12L5,20H9L16.89,7.37L19.5,12L15,20H19L23.5,12L19,4Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.Icon>
						<Fluent:ToggleButton.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M19,4H15L7.1,16.63L4.5,12L9,4H5L0.5,12L5,20H9L16.89,7.37L19.5,12L15,20H19L23.5,12L19,4Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.LargeIcon>
					</Fluent:ToggleButton>
					
				</Fluent:RibbonGroupBox>

				<Fluent:RibbonGroupBox  KeyTip="T10"
                                       Header="Vectors"
                                       CanAddToQuickAccessToolBar="False"
                                       IsLauncherVisible="False">
					<Fluent:ToggleButton Header="Select" SizeDefinition="Large" GroupName="Vectors"
										 Command="{Binding VectorToolCommand}" CommandParameter="Select" >
						<Fluent:ToggleButton.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M12,20L7,22L12,11L17,22L12,20M8,2H16V5H22V7H16V10H8V7H2V5H8V2M10,4V8H14V4H10Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.Icon>
						<Fluent:ToggleButton.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M12,20L7,22L12,11L17,22L12,20M8,2H16V5H22V7H16V10H8V7H2V5H8V2M10,4V8H14V4H10Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.LargeIcon>
					</Fluent:ToggleButton>

					<Fluent:ToggleButton Header="Insert" SizeDefinition="Large" GroupName="Vectors"
										 Command="{Binding VectorToolCommand}" CommandParameter="Insert" >
						<Fluent:ToggleButton.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M12,20L7,22L12,11L17,22L12,20M8,2H16V5H22V7H16V10H8V7H2V5H8V2M10,4V8H14V4H10Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.Icon>
						<Fluent:ToggleButton.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M12,20L7,22L12,11L17,22L12,20M8,2H16V5H22V7H16V10H8V7H2V5H8V2M10,4V8H14V4H10Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.LargeIcon>
					</Fluent:ToggleButton>

					<Fluent:ToggleButton Header="Remove" SizeDefinition="Large" GroupName="Vectors"
										 Command="{Binding VectorToolCommand}" CommandParameter="Add" >
						<Fluent:ToggleButton.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M12,20L7,22L12,11L17,22L12,20M8,2H16V5H22V7H16V10H8V7H2V5H8V2M10,4V8H14V4H10Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.Icon>
						<Fluent:ToggleButton.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M12,20L7,22L12,11L17,22L12,20M8,2H16V5H22V7H16V10H8V7H2V5H8V2M10,4V8H14V4H10Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.LargeIcon>
					</Fluent:ToggleButton>

				</Fluent:RibbonGroupBox>

				<Fluent:RibbonGroupBox  KeyTip="T10"
                                       Header="Options"
                                       CanAddToQuickAccessToolBar="False"
                                       IsLauncherVisible="False">
					<Fluent:ToggleButton Header="Mouse position" SizeDefinition="Large" IsChecked="{Binding ShowMousePosition}" >
						<Fluent:ToggleButton.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M14,7H10V2.1C12.28,2.56 14,4.58 14,7M4,7C4,4.58 5.72,2.56 8,2.1V7H4M14,12C14,14.42 12.28,16.44 10,16.9V18A3,3 0 0,0 13,21A3,3 0 0,0 16,18V13A4,4 0 0,1 20,9H22L21,10L22,11H20A2,2 0 0,0 18,13H18V18A5,5 0 0,1 13,23A5,5 0 0,1 8,18V16.9C5.72,16.44 4,14.42 4,12V9H14V12Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.Icon>
						<Fluent:ToggleButton.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M14,7H10V2.1C12.28,2.56 14,4.58 14,7M4,7C4,4.58 5.72,2.56 8,2.1V7H4M14,12C14,14.42 12.28,16.44 10,16.9V18A3,3 0 0,0 13,21A3,3 0 0,0 16,18V13A4,4 0 0,1 20,9H22L21,10L22,11H20A2,2 0 0,0 18,13H18V18A5,5 0 0,1 13,23A5,5 0 0,1 8,18V16.9C5.72,16.44 4,14.42 4,12V9H14V12Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.LargeIcon>
					</Fluent:ToggleButton>

					<Fluent:ToggleButton Header="Guidelines" SizeDefinition="Large" IsChecked="{Binding ShowGuides}" >
						<Fluent:ToggleButton.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M2,2H8V4H16V2H22V8H20V16H22V22H16V20H8V22H2V16H4V8H2V2M16,8V6H8V8H6V16H8V18H16V16H18V8H16M4,4V6H6V4H4M18,4V6H20V4H18M4,18V20H6V18H4M18,18V20H20V18H18Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.Icon>
						<Fluent:ToggleButton.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M2,2H8V4H16V2H22V8H20V16H22V22H16V20H8V22H2V16H4V8H2V2M16,8V6H8V8H6V16H8V18H16V16H18V8H16M4,4V6H6V4H4M18,4V6H20V4H18M4,18V20H6V18H4M18,18V20H20V18H18Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.LargeIcon>
					</Fluent:ToggleButton>

					<Fluent:ToggleButton Header="Snapping" SizeDefinition="Large" IsChecked="{Binding IsSnapping}" >
						<Fluent:ToggleButton.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M14,17H12V15H10V13H12V15H14M14,9H12V11H14V13H12V11H10V9H12V7H10V5H12V7H14M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.Icon>
						<Fluent:ToggleButton.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M14,17H12V15H10V13H12V15H14M14,9H12V11H14V13H12V11H10V9H12V7H10V5H12V7H14M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.LargeIcon>
					</Fluent:ToggleButton>

					<Fluent:ToggleButton Header="Lock Ruler" SizeDefinition="Large" IsChecked="{Binding IsProtected}" >
						<Fluent:ToggleButton.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.Icon>
						<Fluent:ToggleButton.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M12,17A2,2 0 0,0 14,15C14,13.89 13.1,13 12,13A2,2 0 0,0 10,15A2,2 0 0,0 12,17M18,8A2,2 0 0,1 20,10V20A2,2 0 0,1 18,22H6A2,2 0 0,1 4,20V10C4,8.89 4.9,8 6,8H7V6A5,5 0 0,1 12,1A5,5 0 0,1 17,6V8H18M12,3A3,3 0 0,0 9,6V8H15V6A3,3 0 0,0 12,3Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.LargeIcon>
					</Fluent:ToggleButton>

				</Fluent:RibbonGroupBox>
				
			</Fluent:RibbonTabItem>

			<!-- TABS : LAYERS -->
			<Fluent:RibbonTabItem   Header="Layers" KeyTip="H" ToolTip="Layer tools"
									Group="{Binding ElementName=tabGroupDocument, Mode=OneWay}"
									DataContext="{Binding ActiveDocument}">

				<Fluent:RibbonGroupBox  KeyTip="T10"
                                       Header="Layers"
                                       CanAddToQuickAccessToolBar="False"
                                       IsLauncherVisible="False">
					
					<Fluent:Button Header="New" SizeDefinition="Large"
										 Command="{Binding LayerCommand}" CommandParameter="New" >
						<Fluent:Button.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M12,16L19.36,10.27L21,9L12,2L3,9L4.63,10.27M12,18.54L4.62,12.81L3,14.07L12,21.07L21,14.07L19.37,12.8L12,18.54Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:Button.Icon>
						<Fluent:Button.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M12,16L19.36,10.27L21,9L12,2L3,9L4.63,10.27M12,18.54L4.62,12.81L3,14.07L12,21.07L21,14.07L19.37,12.8L12,18.54Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:Button.LargeIcon>
					</Fluent:Button>

					<!--<Fluent:ToggleButton Header="Duplicate" SizeDefinition="Large"
										 Command="{Binding LayerCommand}" CommandParameter="Duplicate" >
						<Fluent:ToggleButton.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M2,2H8V4H16V2H22V8H20V16H22V22H16V20H8V22H2V16H4V8H2V2M16,8V6H8V8H6V16H8V18H16V16H18V8H16M4,4V6H6V4H4M18,4V6H20V4H18M4,18V20H6V18H4M18,18V20H20V18H18Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.Icon>
						<Fluent:ToggleButton.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M2,2H8V4H16V2H22V8H20V16H22V22H16V20H8V22H2V16H4V8H2V2M16,8V6H8V8H6V16H8V18H16V16H18V8H16M4,4V6H6V4H4M18,4V6H20V4H18M4,18V20H6V18H4M18,18V20H20V18H18Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:ToggleButton.LargeIcon>
					</Fluent:ToggleButton>-->

					<Fluent:Button Header="Delete" SizeDefinition="Large"
										 Command="{Binding LayerCommand}" CommandParameter="Delete" >
						<Fluent:Button.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M3.27,1L2,2.27L6.22,6.5L3,9L4.63,10.27L12,16L14.1,14.37L15.53,15.8L12,18.54L4.63,12.81L3,14.07L12,21.07L16.95,17.22L20.73,21L22,19.73L3.27,1M19.36,10.27L21,9L12,2L9.09,4.27L16.96,12.15L19.36,10.27M19.81,15L21,14.07L19.57,12.64L18.38,13.56L19.81,15Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:Button.Icon>
						<Fluent:Button.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M3.27,1L2,2.27L6.22,6.5L3,9L4.63,10.27L12,16L14.1,14.37L15.53,15.8L12,18.54L4.63,12.81L3,14.07L12,21.07L16.95,17.22L20.73,21L22,19.73L3.27,1M19.36,10.27L21,9L12,2L9.09,4.27L16.96,12.15L19.36,10.27M19.81,15L21,14.07L19.57,12.64L18.38,13.56L19.81,15Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:Button.LargeIcon>
					</Fluent:Button>

				</Fluent:RibbonGroupBox>

				<Fluent:RibbonGroupBox  KeyTip="T10"
                                       Header="Options"
                                       CanAddToQuickAccessToolBar="False"
                                       IsLauncherVisible="False">

					<Fluent:DropDownButton Header="Color" SizeDefinition="Large" >
						<Fluent:DropDownButton.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M19,11.5C19,11.5 17,13.67 17,15A2,2 0 0,0 19,17A2,2 0 0,0 21,15C21,13.67 19,11.5 19,11.5M5.21,10L10,5.21L14.79,10M16.56,8.94L7.62,0L6.21,1.41L8.59,3.79L3.44,8.94C2.85,9.5 2.85,10.47 3.44,11.06L8.94,16.56C9.23,16.85 9.62,17 10,17C10.38,17 10.77,16.85 11.06,16.56L16.56,11.06C17.15,10.47 17.15,9.5 16.56,8.94Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:DropDownButton.Icon>
						<Fluent:DropDownButton.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M19,11.5C19,11.5 17,13.67 17,15A2,2 0 0,0 19,17A2,2 0 0,0 21,15C21,13.67 19,11.5 19,11.5M5.21,10L10,5.21L14.79,10M16.56,8.94L7.62,0L6.21,1.41L8.59,3.79L3.44,8.94C2.85,9.5 2.85,10.47 3.44,11.06L8.94,16.56C9.23,16.85 9.62,17 10,17C10.38,17 10.77,16.85 11.06,16.56L16.56,11.06C17.15,10.47 17.15,9.5 16.56,8.94Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:DropDownButton.LargeIcon>
						
					</Fluent:DropDownButton>

					<Fluent:Button Header="Style" SizeDefinition="Large" 
										 Command="{Binding LayerCommand}" CommandParameter="Style" >
						<Fluent:Button.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M12,20L7,22L12,11L17,22L12,20M8,2H16V5H22V7H16V10H8V7H2V5H8V2M10,4V8H14V4H10Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:Button.Icon>
						<Fluent:Button.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M12,20L7,22L12,11L17,22L12,20M8,2H16V5H22V7H16V10H8V7H2V5H8V2M10,4V8H14V4H10Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:Button.LargeIcon>
					</Fluent:Button>

					<Fluent:DropDownButton Header="Thumbs" SizeDefinition="Large" >
						<Fluent:DropDownButton.Icon>
							<Viewbox Width="16" Height="16">
								<Canvas Width="24" Height="24">
									<Path Data="M14,6L10.25,11L13.1,14.8L11.5,16C9.81,13.75 7,10 7,10L1,18H23L14,6Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:DropDownButton.Icon>
						<Fluent:DropDownButton.LargeIcon>
							<Viewbox Width="32" Height="32">
								<Canvas Width="24" Height="24">
									<Path Data="M14,6L10.25,11L13.1,14.8L11.5,16C9.81,13.75 7,10 7,10L1,18H23L14,6Z" Fill="Black" />
								</Canvas>
							</Viewbox>
						</Fluent:DropDownButton.LargeIcon>
					</Fluent:DropDownButton>

				</Fluent:RibbonGroupBox>

			</Fluent:RibbonTabItem>

		</Fluent:Ribbon>
	</Grid>
</UserControl>
